<!-- ParameterCalibration.vue -->
<template>
  <div>
    <h2>参数标定</h2>
    <form>
      <div class="form-group">
        <label for="left-right-distance">左右摄像头安装距离</label>
        <input type="number" id="left-right-distance" v-model="leftRightDistance" />
      </div>
      <div class="form-group">
        <label for="front-rear-distance">前后摄像头安装距离</label>
        <input type="number" id="front-rear-distance" v-model="frontRearDistance" />
      </div>
      <div class="form-group">
        <label for="front-blind-zone">前盲区遮挡区域</label>
        <input type="number" id="front-blind-zone" v-model="frontBlindZone" />
      </div>
      <div class="form-group">
        <label for="rear-blind-zone">后盲区遮挡区域</label>
        <input type="number" id="rear-blind-zone" v-model="rearBlindZone" />
      </div>
      <div class="form-group">
        <label for="left-blind-zone">左盲区遮挡区域</label>
        <input type="number" id="left-blind-zone" v-model="leftBlindZone" />
      </div>
      <div class="form-group">
        <label for="right-blind-zone">右盲区遮挡区域</label>
        <input type="number" id="right-blind-zone" v-model="rightBlindZone" />
      </div>
    </form>
  </div>
</template>

<script>
export default {
  name: 'ParameterCalibration',
  data() {
    return {
      leftRightDistance: 2500,
      frontRearDistance: 4118,
      frontBlindZone: 0,
      rearBlindZone: 0,
      leftBlindZone: 500,
      rightBlindZone: 500
    };
  }
};
</script>

<style scoped>
.form-group {
  margin-bottom: 10px;
}

label {
  display: inline-block;
  width: 200px;
  text-align: right;
  margin-right: 10px;
}

input[type="number"] {
  width: 100px;
}
</style>
